<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/normalize/8.0.1/normalize.min.css">
    <link rel="stylesheet" href="./style.css" />
    <script src="./svgsymbol.js"></script>
  </head>
  <body>
    <!--  -->
    <div class="root-page-container">
      <div class="mmv-main-page mmv-account-center">
        <div class="mmv-layout">
          <div class="mmv-container mmv-account-center-header">
            <div class="mmv-avatar mmv-account-center-header__avatar mmv-avatar__xxl">
              <img class="mmv-avatar__img" src="https://img-static.mihoyo.com/communityweb/upload/ab5ebe41f1b04d2aa7500fbfbeebcf10.png" alt="">
              <img class="mmv-avatar__pendant" src="https://upload-bbs.mihoyo.com/upload/2020/11/17/272b81c0c714f6ac6ea7a94cc2d794de_5892484489390971467.png" alt="">
            </div>
            <div class="mmv-account-center-user">
              <div class="mmv-account-center-user__title">
                <span class="mmv-account-center-user__name">米米法</span>
                <img class="mmv-img-icon mmv-account-center-user__level mmv-account-center-user__level--self" src="https://img-static.mihoyo.com/level/level5.png" alt="">
                <span class="mmv-account-center-user__uid">通行证ID:4844117</span>
              </div>
              <div class="mmv-account-center-user__intro">
                <span>
                  <svg class="mmv-symbol-icon">
                    <use xlink:href="#icon-signature"></use>
                  </svg>
                </span>
                <p>砂糖本糖</p>
              </div>
              <div class="mmv-account-center-header__buttons">
                <div class="mmv-button mmv-account-center-header__edit mmv-button-outlined mmv-button-md">
                  <button class="mmv-button__button">编辑</button>
                </div>
              </div>
            </div>
            <div class="mmv-account-center-header__data">
              <div class="mmv-account-center-header__data-item">
                <a class="mmv-account-center-header__data-num mmv-account-center-header__data-link" href="">6</a>
                <div class="mmv-account-center-header__data-label">粉丝</div>
              </div>
              <div class="mmv-account-center-header__data-item">
                <a class="mmv-account-center-header__data-num mmv-account-center-header__data-link" href="">21</a>
                <div class="mmv-account-center-header__data-label">关注</div>
              </div>
              <div class="mmv-account-center-header__data-item">
                <a class="mmv-account-center-header__data-num mmv-account-center-header__data-link" href="">886</a>
                <div class="mmv-account-center-header__data-label">获赞</div>
              </div>
            </div>
          </div>
          <div class="mmv-container mmv-account-center__menu mmv-side-menu">
            <header class="mmv-side-menu__header">个人中心</header>
            <ul class="mmv-side-menu__list">
              <li>
                <a class="mmv-side-menu__item nuxt-link-active" href="">
                  <i class="mmv-icon iconfont icon-wodefatie"></i>
                  <span>我的发帖</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-huifu"></i>
                  <span>我的评论</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-wodeshoucang"></i>
                  <span>我的收藏</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-wodefensi"></i>
                  <span>我的粉丝</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-wodeguanzhu"></i>
                  <span>我的关注</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-dengji"></i>
                  <span>我的等级</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-mi-icon"></i>
                  <span>我的米游币</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-renzheng"></i>
                  <span>认证中心</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-yinsishezhi"></i>
                  <span>隐私设置</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-zhanghaoguanli"></i>
                  <span>编辑资料</span>
                </a>
              </li>
              <li>
                <a class="mmv-side-menu__item" href="">
                  <i class="mmv-icon iconfont icon-tuichudenglu"></i>
                  <span>退出登录</span>
                </a>
              </li>
            </ul>
          </div>
          <div class="mmv-container mmv-account-center-content">
            <div class="mmv-account-center-content-container">
              <div class="mmv-account-center__subheader">我的发帖</div>
              <div class="mmv-account-center-content-container__list">
                <div class="mmv-account-center-post-card">
                  <div class="mmv-account-center-time">
                    <i class="mmv-icon iconfont icon-shijian"></i>
                    <span class="mmv-account-center-time__small">11-18</span>
                  </div>
                  <div class="mmv-article-card">
                    <a class="mmv-article-card__link" href="">
                      <div class="mmv-article-card__title">
                        <div class="mmv-article-type mmv-article-card__type">
                          <!--  -->
                          <!--  -->
                          <!--  -->
                        </div>
                        <h3 class="mmv-article-card__h3">可莉普攻后摇已经长到影响游戏体验了</h3>
                      </div>
                      <div class="mmv-article-card__content">普攻的时候直接锁死了方向键  还以为键盘坏了  _(魔游姬生气)</div>
                    </a>
                    <div class="mmv-article-card__footer">
                      <!--  -->
                      <!--  -->
                      <div class="mmv-article-card__data">
                        <div class="mmv-article-card__data-item">
                          <i class="mmv-icon iconfont icon-liulanshu"></i>
                          <span>148</span>
                        </div>
                        <a href="" class="mmv-article-card__data-item">
                          <i class="mmv-icon iconfont icon-liuyanshu"></i>
                          <span>9</span>
                        </a>
                        <div class="mmv-article-card__data-item">
                          <div class="mmv-heart-click">
                            <svg class="mmv-symbol-icon mmv-heart-click__icon">
                              <use xlink:href="#icon-dianzanpc"></use>
                            </svg>
                          </div>
                          <span>6</span>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!--  -->
  </body>
</html>
